<template lang='pug'>
.sliber
  ul
    li(v-for="d in msg" :key="d.cover")
        img(:src="d.cover")
        p {{d.title}}
        .name {{d.name}}
</template>
 
<script>
import list from '../views/index'
export default {
  props:['items'],
  data() {
    return {
      msg: list,
    };
  },
};
</script>
 
<style scoped lang="sass">
.sliber
    width: 100%
    position: relative
    height: .84rem
    overflow: scroll
    ul
        position: absolute
        height: 100%
        display: flex
        li
            width: .82rem
            height: 100%
            background: #fff
            font-size: .12rem
            display: flex
            flex-direction: column 
            justify-content: center
            align-items: center
            padding: 0 .1rem
            img
                width: .155rem
                height: .155rem
                margin: .1rem
            .name
                width: 100%
                overflow: hidden
                white-space: nowrap
                text-overflow: ellipsis
                text-align: center
                margin-top: .03rem
               
</style>